<template>
  <div class="page-distribution-user">
    <el-tabs>
      <el-tab-pane :label="$t('user.distributorManagement')">
        <!-- 分销员管理 -->
        <Manage />
      </el-tab-pane>
      <el-tab-pane :label="$t('user.distributorAudit')">
        <!-- 分销员审核 -->
        <Auditing />
      </el-tab-pane>
      <el-tab-pane :label="$t('user.relationshipSearch')">
        <!-- 关系查询 -->
        <Bind />
      </el-tab-pane>
      <el-tab-pane :label="$t('user.blockingRecords')">
        <!-- 封禁记录 -->
        <Banned />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup>
import Manage from './components/manage.vue'
import Auditing from './components/auditing.vue'
import Bind from './components/bind.vue'
import Banned from './components/banned.vue'

</script>

<style scoped>
div :deep(.el-tabs__item.is-active){
  color:#000;
  font-weight: 800;
}
</style>
